import React, { Component } from 'react'

export default class Itemclass extends Component {

  render() {
    // 类组件中通过this.props得到父组件中传过来的数据
    // console.log(this.props)

    // 推荐
    let { title } = this.props

    return (
      <div>
        类组件
        <hr />
        <h3>{this.props.title}</h3>
        <hr />
        <h3>{title}</h3>
        <hr />
        <button onClick={this.fn}>点击我试一下</button>
        <hr />
        <a href="http://www.baidu.com" onClick={this.fn2}>百度一下</a>
      </div>
    )
  }

  fn(evt) {
    // alert('弹出一下')
    console.log(evt)
    // 当前事件触的dom元素
    console.log(evt.target);
    console.log(evt.target.innerHTML);

    // 原生event事件对象
    console.log(evt.nativeEvent);
  }

  fn2(evt) {
    // 手动取消标签默认行为
    evt.preventDefault();

    console.log('fn2执行了');
  }
}
